<template>
	<view class="p-2">
		<input class="uni-input" type="text" v-model="oldpassword" placeholder="旧密码" />
		<input class="uni-input" type="text" v-model="newpassword" placeholder="新密码" />
		<input class="uni-input" type="text" v-model="renewpassword" placeholder="确认密码" />
		<view class="mt-5">
			<button class="bg-main text-white rounded-circle" :class="disabled ? 'bg-main-disabled':''" :disabled="disabled" type="default">修改</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				oldpassword:'',
				newpassword:'',
				renewpassword:''
			};
		},
		computed:{
			disabled() {
				if(this.oldpassword === '' || this.newpassword === '' || this.renewpassword==='') {
					return true
				}else {
					return false
				}
			}
		}
	}
</script>

<style lang="scss">

</style>
